$timer: 5px;
// common
@for $item from 0 through 8 {
  .mt-#{$item}{margin-top     : $timer * $item !important;}
  .mb-#{$item}{margin-bottom  : $timer * $item !important;}
  .ml-#{$item}{margin-left    : $timer * $item !important;}
  .mr-#{$item}{margin-right   : $timer * $item !important;}
  .m-#{$item} {margin         : $timer * $item !important;}

  .pt-#{$item}{padding-top    : $timer * $item !important;}
  .pb-#{$item}{padding-bottom : $timer * $item !important;}
  .pl-#{$item}{padding-left   : $timer * $item !important;}
  .pr-#{$item}{padding-right  : $timer * $item !important;}
  .p-#{$item} {padding        : $timer * $item !important;}
}
